<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    <link rel="stylesheet" href="../Order/daohang.css">-->
    <link rel="stylesheet" href="Order.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1972937_ook7ugcj3y.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1981917_sju4mqmd00n.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1981917_x3ea6209ra.css">

    <style>
        @font-face {
            font-family: 'iconfont';  /* project id 1981917 */
            src: url('//at.alicdn.com/t/font_1981917_mgjp45pk1kb.eot');
            src: url('//at.alicdn.com/t/font_1981917_mgjp45pk1kb.eot?#iefix') format('embedded-opentype'),
            url('//at.alicdn.com/t/font_1981917_mgjp45pk1kb.woff2') format('woff2'),
            url('//at.alicdn.com/t/font_1981917_mgjp45pk1kb.woff') format('woff'),
            url('//at.alicdn.com/t/font_1981917_mgjp45pk1kb.ttf') format('truetype'),
            url('//at.alicdn.com/t/font_1981917_mgjp45pk1kb.svg#iconfont') format('svg');
        }
    </style>
</head>
<body>
<header id="xc-header">
    <div class="xc-header-mid">
        <div class="xc-header-right">
            <a class="xc-header-a" href="../Index/Index.html">
                <img class="xc-header-img" src="../static/imgs/1.png" alt="" width="203px" height="34px">
            </a>
        </div>
        <div class="xc-header-input">
            <input class="xc-input" type="text" placeholder="搜索旅游地/酒店/旅游">
            <button class="xc-header-btn"><i class="iconfont icon-sousuo1" ></i></button>
        </div>
    </div>
</header>
<div id="xc-banner">
    <div class="xc-banner-mid">
        <ul class="xc-ul-item">
            <li class="xc-item"><a class="xc-a" href="../Travel/Travel.html">首页</a></li>
            <li class="xc-item" ><a class="xc-a" href="../Travel/Travel.html" >旅游</a></li>
            <li class="xc-item"><a class="xc-a" href="../Strategy/Strategy.html">攻略</a></li>
            <li class="xc-item"><a class="xc-a" href="../Hotel/Hotel.html">酒店</a></li>
            <li class="xc-item"><a class="xc-a" href="../Buying_tickets/Buying_tickets.html">购票</a></li>
            <li class="xc-item"><a class="xc-a" href="../Order/Order.html">订单</a></li>
        </ul>

        <div class="xc-banner-right">
            <div class="xc-item"><a class="xc-a" href="../User/Register.html">注册</a></div>
            <div class="xc-item"><a class="xc-a" href="../User/User.html">登录</a></div>
        </div>
    </div>
</div>


<div id="xc-content">
    <div class="xc-content-box">
        <!--//左边框-->
        <div class="xc-laia">
            <ul class="xc-laib">
                <li class="xc-laibc"><a class="select" href="../Index/Index.html">
                    <div>我的携程首页</div>
                </a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>订单</div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>我的消息</div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div >钱包 &emsp;&emsp;&emsp;&emsp;&emsp;<i class="iconfont icon-xiala"></i></div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>优惠卷 </div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>积分</div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>我的收藏</div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>我的发票</div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>常用信息 &emsp;<i class="iconfont icon-xiala"></i></div></a></li>
                <li class="xc-laibc"><a href="http://www.baidu.com"><div>个人中心 &emsp;<i class="iconfont icon-xiala"></i></div></a></li>
            </ul>
        </div>
        <!--//中边框-->
        <div class="xc-laiaa">
            <div class="xc-laiaa-box">
                <div class="xc-laiab">
                    <div class="xc-laiab-massage">
                        <div class="xc-laiab-massage-box">
                            <div class="xc-laiab-massage-box-tuzimassage">
                                <div><img width="80" src="../static/imgs/头像.png" alt=""></div>
                                <ul class="xc-laiab-massage-box-tuzimassage-ul">
                                    <li class="xc-laiab-massage-box-tuzimassage-li-big">
                                        <a href="">尊敬的会员</a>
                                    </li>
                                    <li class="xc-laiab-massage-box-tuzimassage-li-small"> 领会员福利></li>
                                </ul>
                            </div>
                            <div>
                                <div><img width="70" src="../static/imgs/邮箱.png" alt=""></div>
                            </div>
                        </div>
                    </div>
                    <div class="xc-laiab-lipin">
                        <ul class="xc-laiab-lipin-box">
                            <li class="xc-laiab-lipin-li">
                                <div class="title">礼品卡</div>
                                <div class="money"><i class="iconfont icon-money"></i>0</div>
                                <div class="spilt"></div>
                                <div class="buy">购买</div>
                            </li>
                            <li class="xc-laiab-lipin-li">
                                <div class="title">现金</div>
                                <div class="money"><i class="iconfont icon-money"></i>0</div>
                                <div class="spilt"></div>
                            </li>
                            <li class="xc-laiab-lipin-li">
                                <div class="title">返现</div>
                                <div class="money"><i class="iconfont icon-money"></i>0</div>
                                <div class="spilt"></div>
                            </li>
                            <li class="xc-laiab-lipin-li">
                                <div class="title">积分</div>
                                <div class="money">0</div>
                                <div class="spilt"></div>
                            </li>
                            <li class="xc-laiab-lipin-li">
                                <div class="title">优惠卷</div>
                                <div class="money">0</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="xc-laiac">
                    <div class="xc-laiac-title">
                        <ul class="xc-laiac-title-box">
                            <li class="xc-laiac-title-box-li-active">
                                <div class="title">全部订单</div>
                            </li>
                            <li class="xc-laiac-title-box-li">
                                <div class="title">未出行</div>
                            </li>
                            <li class="xc-laiac-title-box-li">
                                <div class="title">待付款</div>
                            </li>
                            <li class="xc-laiac-title-box-li">
                                <div class="title">待评价</div>
                            </li>
                        </ul>

                    </div>
                    <div class="xc-laiac-imagebox">
                        <div class="xc-laiac-imagebox-box">
                            <div><img width="160" src="../static/imgs/图标.png" alt=""></div>
                            <div style="font-size: 20px;">暂时没有相关订单</div>
                        </div>
                    </div>
                </div>

                <div class="xc-laiad">
                    <div class="xc-laiad-title">
                        <li class="xc-laiad-title-li">
                            <div style="color: #4baaec">最新收藏</div>
                        </li>
                    </div>
                    <div class="xc-laiad-imagebox">
                        <div class="xc-laiad-imagebox-box">
                            <div><img width="160" src="../static/imgs/图标.png" alt=""></div>
                            <div style="font-size: 20px;">收藏夹空空的，随便逛逛吧，看看有没有喜欢的~</div>
                        </div>
                    </div>
                </div>
                <div class="xc-laiae">
                    <div class="xc-laiae-title">
                        <li class="xc-laiae-title-li">
                            <div style="color: #4baaec">游览历史</div>
                        </li>
                    </div>
                    <div class="xc-laiae-imagebox">
                        <div class="xc-laiae-imagebox-box">
                            <div><img width="160" src="../static/imgs/图标.png" alt=""></div>
                            <div style="font-size: 20px;">足迹空空，随便逛逛吧</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!--右边框-->
        <div class="xc-laibb">
            <div class="xc-laibb-box">
                <div class="xc-laibc">
                    <div class="xc-laibc-title">
                        <ul class="xc-laibc-title-ul">
                            <li class="xc-laibc-title-li">应用中心</li>
                        </ul>
                    </div>
                    <div class="xc-laibc-content">
                        <ul class="xc-laibc-content-ul">
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe608;</i>
                                </div>
                                <div class="zi">我的特权</div>
                            </li>
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe600;</i>
                                </div>
                                <div class="zi">航班动态</div>
                            </li>
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe64f;</i>
                                </div>
                                <div class="zi">积分兑换</div>
                            </li>
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe70f;</i>
                                </div>
                                <div class="zi">邮件订阅</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="xc-laibc">
                    <div class="xc-laibc-title">
                        <ul class="xc-laibc-title-ul">
                            <li class="xc-laibc-title-li">社区</li>
                            <li class="xc-laibc-title-li-two"><a href="">我的社区主页></a></li>
                        </ul>
                    </div>
                    <div class="xc-laibc-content">
                        <ul class="xc-laibc-content-ul">
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe61f;</i>
                                </div>
                                <div class="zi">当地向导</div>
                            </li>
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe653;</i>
                                </div>
                                <div class="zi">攻略问答</div>
                            </li>
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe6af;</i>
                                </div>
                                <div class="zi">精选游记</div>
                            </li>
                            <li class="xc-laibc-content-li">
                                <div>
                                    <i class="iconfont">&#xe612;</i>
                                </div>
                                <div class="zi">分享点评</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="xc-laibc">
                    <div style="padding: 25px 20px"><a href=""><img width="225" src="../static/imgs/精选会员.png" ></a></div>
                </div>
                <div class="xc-laibd">
                    <div class="xc-laibd-title">
                        <ul class="xc-laibd-title-ul">
                            <li class="xc-laibd-title-li">我的会员特权</li>
                            <li class="xc-laibd-title-li-two"><a href="">更多></a></li>
                        </ul>
                    </div>
                    <div class="xc-laibd-contentfirst">
                        <div style="padding: 0px 20px"><img width="247.5" src="../static/imgs/积分兑换.png" ></div>
                    </div>
                    <div class="xc-laibd-contenttwo">
                        <div class="xc-laibd-contenttwo-title">
                            <ul class="xc-laibd-contenttwo-ul">
                                <li class="xc-laibd-contenttwo-li">会员互动</li>
                            </ul>
                        </div>
                        <div class="xc-laibd-contenttwo-conment">
                            <ul class="xc-laibd-contenttwo-conment-ul">
                                <li class="xc-laibd-contenttwo-conment-li">会员权益平台</li>
                                <li class="xc-laibd-contenttwo-conment-li">积分兑换专区</li>
                            </ul>
                        </div>
                        <div class="xc-laibd-contenttwo-title">
                            <ul class="xc-laibd-contenttwo-ul">
                                <li class="xc-laibd-contenttwo-li">会员规则</li>
                            </ul>
                        </div>
                        <div class="xc-laibd-contenttwo-conment">
                            <ul class="xc-laibd-contenttwo-conment-ul">
                                <li class="xc-laibd-contenttwo-conment-li">会员升级标准</li>
                                <li class="xc-laibd-contenttwo-conment-li">携程积分规则</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="xc-laibe" >
                    <div style="padding: 25px 30px"><img width="225" src="../static/imgs/二维码.png" ></div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>